<template>
    <div id="gameRight" :style="'height:'+height">
            <!-- 右边游戏场 -->
        <vx v-for="(vi,ks) in sorketVivw" :center.sync="vi" class="vivwBox" :key="ks" :keys="ks"></vx>
    </div>
</template>
<script>
import vx from "@/components/gameTable/vx.vue"
export default {
    name:"gameRight",
    components:{
        vx
    },
    data(){
        return {
            height:document.documentElement.scrollHeight,
            sorketVivw: [
            { name: "百家乐1", time: 5, allMoney: 6582458, people: 168, banker: 858522, game: [{ min: 10, max: 500 }, { min: 100, max: 5000 }, { min: 1000, max: 50000 }], current: 1, room: 2 },
            { name: "百家乐2", time: 0, allMoney: 6582458, people: 168, banker: 858522, game: [{ min: 10, max: 500 }, { min: 100, max: 5000 }, { min: 1000, max: 50000 }], current: false, room: 1 },
            { name: "百家乐3", time: 40, allMoney: 6582458, people: 168, banker: 858522, game: [{ min: 10, max: 500 }, { min: 100, max: 5000 }, { min: 1000, max: 50000 }], current: 1, romm: 2 },
            { name: "百家乐4", time: 0, allMoney: 6582458, people: 168, banker: 858522, game: [{ min: 10, max: 500 }, { min: 100, max: 5000 }, { min: 1000, max: 50000 }], current: 'login', room: 1 },
            { name: "百家乐5", time: 22, allMoney: 6582458, people: 168, banker: 858522, game: [{ min: 10, max: 500 }, { min: 100, max: 5000 }, { min: 1000, max: 50000 }], current: 1, romm: 2 },
            { name: "百家乐6", time: 45, allMoney: 6582458, people: 168, banker: 858522, game: [{ min: 10, max: 500 }, { min: 100, max: 5000 }, { min: 1000, max: 50000 }], current: 1, room: 1 },
            { name: "百家乐7", time: 50, allMoney: 6582458, people: 168, banker: 858522, game: [{ min: 10, max: 500 }, { min: 100, max: 5000 }, { min: 1000, max: 50000 }], current: 1, room: 2 },
            { name: "百家乐8", time: 48, allMoney: 6582458, people: 168, banker: 858522, game: [{ min: 10, max: 500 }, { min: 100, max: 5000 }, { min: 1000, max: 50000 }], current: 1, room: 1 },
            { name: "百家乐8", time: 22, allMoney: 6582458, people: 168, banker: 858522, game: [{ min: 10, max: 500 }, { min: 100, max: 5000 }, { min: 1000, max: 50000 }], current: 1, room: 2 },
            { name: "百家乐8", time: 56, allMoney: 6582458, people: 168, banker: 858522, game: [{ min: 10, max: 500 }, { min: 100, max: 5000 }, { min: 1000, max: 50000 }], current: 1, room: 1 },
            { name: "百家乐8", time: 58, allMoney: 6582458, people: 168, banker: 858522, game: [{ min: 10, max: 500 }, { min: 100, max: 5000 }, { min: 1000, max: 50000 }], current: 1, room: 2 },
            { name: "百家乐8", time: 12, allMoney: 6582458, people: 168, banker: 858522, game: [{ min: 10, max: 500 }, { min: 100, max: 5000 }, { min: 1000, max: 50000 }], current: 1, room: 1 },
        ],
        }
    }


}
</script>
<style scoped>
*{
    margin: 0;
    padding: 0;
}
#gameRight{
	-webkit-box-flex: 1.0;
	    -ms-flex: 1.0;
	        flex: 1.0; 
	margin: 10px;
	margin-bottom: 0px;
	overflow: auto;
	float: right;
	padding-left: 0px;
    min-width: 1134px;
}
#gameRight .vivwBox{
    	height: 271px;
		border: 1px solid #dbc6ad;
		float: left;
		margin-right: 8px;
		margin-bottom:8px;
		width: 49%;
}
@media screen and (max-width: 1430px) {
	#gameRight .vivwBox{
		min-width: 410px;
		border: 1px solid #dbc6ad;
		margin-right: 3px;
		margin-top: 3px;
	}
	.nx .vivwShow .BriefContent a p{
		padding-left: 15px;
	}
}
@media screen and (max-height: 850px) {
	#gameRight .vivwBox{
		height: 243px;
	}
	.nx{
		height: 197px;
	}
	.nx .vivwShow{
		height: 167px;
	}
}
@media screen and (max-height: 720px) {
	#gameRight .vivwBox{
		height: 233px;
	}
	.nx{
		height: 188px;
	}
	.nx .vivwShow{
		height: 158px;
	}
}
@media screen and (max-width: 1030px) {
	#gameRight .vivwBox{
		height: 217px;
	}
	.nx{
		height: 170px;
	}
	.nx .vivwShow{
		height: 140px;
	}
}
</style>

